<link type="text/css" href="https://cdn.bootcdn.net/ajax/libs/semantic-ui/2.4.1/semantic.min.css" rel="stylesheet">
<script type="text/javascript" src="https://cdn.bootcdn.net/ajax/libs/semantic-ui/2.4.1/semantic.min.js"></script>



<!-- 文档地址 https://zijieke.com/semantic-ui/modules/modal.php -->
<button class="ui blue basic button">询问窗</button>
<div class="ui modal" style="font-size: 14px">
	<i class="close icon"></i>
	<div class="header">
		资料图片 
	</div>
	<div class="image content">
		<div class="ui medium image">
			<img src="http://b-ssl.duitang.com/uploads/blog/201505/18/20150518025109_Lfmcx.jpeg">
		</div>
		<div class="description">
			<div class="ui header">我们为你自动选择了一张资料图片.</div>
			<p>我们从<a href="https://www.baidu.com" target="_blank">baidu</a>抓取的下面这些图片，图像与你注册的邮箱地址相关.</p>
			<p>可以使用这张照片吗?</p>
		</div>
	</div>
	<div class="actions">
		<div class="ui black deny button">
			不可以
		</div>
		<div class="ui positive right labeled icon button">
			是的，那是我
			<i class="checkmark icon"></i>
		</div>
	</div>
</div>

<script type="text/javascript">
	var btn =$(".button.basic");
	btn.click(function(){
		//初始化折叠菜单
		$('.ui.modal')
		.modal('show')
		;
	});
	//为了展示，先触发一次点击事件
	btn.click();
	//获取按钮
	var btnno=$('.button.black');
	var btnyes=$('.button.positive');
	btnno.click(function(){
		console.log('no');
	});
	btnyes.click(function(){
		console.log('yes');
	});
</script>